<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <form>
            <div class="form-group">
                <label for="em">用户名</label>
                <input type="email" class="form-control" placeholder="email" id="em">
            </div>
            <div class="form-group">
                <label>密码</label>
                <input type="password" class="form-control">
            </div>
            <div class="form-group">
                <label>File input</label>
                <input type="file">
                <p>请选择您需要的文件</p>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox">男
                </label>
            </div>
            <button type="submit" class="btn btn-default">
                提交
            </button>
        </form>

        <br>
        <form class="form-inline">
            <div class="form-group">
                <label class="sr-only"> username</label>
                <div class="input-group">
                    <div class="input-group-addon">$</div>
                    <input type="email" class="form-control" placeholder="金额">
                    <div class="input-group-addon">.00</div>
                </div>
            </div>
            <div class="form-group">
                <label class="sr-only">password</label>
                <input type="password" class="form-control" placeholder="password">
            </div>
        </form>

        <form class="form-horizontal">
            <div class="form-group">
                <label class="col-sm-5 control-label">Email</label>
                <div class="col-sm-7 control-label">
                    <input type="email" class="form-control">
                </div>
            </div>
        </form>
        <form class="form-horizontal">
            <textarea class="form-control" rows="3"></textarea>
        </form>

        <form>
            <select class="form-control">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>
        </form>

        <form>
            <select class="form-control">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>
        </form>

        <from class="form-horizontal">
            <div class="form-group">
                <label class="col-sm-2 control-label">Email</label>
                <div class="col-sm-10">
                    <p class="">极客学院@163.com</p>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">Email</label>
                <div class="col-sm-10">
                    <p class="form-control-static">极客学院@163.com</p>
                </div>
            </div>
        </from>

        <from class="form-horizontal">
            <label class="sr-only">hello</label>
            <input type="text" class="form-control disabled">
        </from>

        <form class="form-horizontal">
            <fieldset>
                <div class="form-group">
                    <label class="sr-only">hello</label>
                    <input class="form-control">
                </div>
                <div class="form-group">
                    <label class="sr-only">hello</label>
                    <input class="form-control">
                </div>
                <div class="form-group">
                    <label class="sr-only">hello</label>
                    <input class="form-control">
                </div>
                <button type="reset" class="btn btn-primary">重置</button>
            </fieldset>

            <div class="form-group">
                <label class="sr-only">
                    Hello
                </label>
                <input class="form-control" type="text" placeholder="这是一个只读输入框" readonly>
            </div>

            <div class="form-group has-success">
                <label class="control-label">Hello</label>
                <input type="text" class="form-control" placeholder="Hello" aria-describedby="inputsuccessstatus">
                <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>
            </div>
        </form>

        <form class="form-horizontal">
            <input class="form-control input-lg" type="text" placeholder="大">
            <input class="form-control" type="text" placeholder="大">
            <input class="form-control input-sm" type="text" placeholder="默认">

            <label class="sr-only">hello</label>
            <input type="text" class="form-control" aria-describedby="helpBlock">
            <span id="helpBlock" class="help-block">这是一个输入密码的框，要注意：密码至少为6位</span>
        </form>
    </div>
</body>
</html>